<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<head>
<title>权限列表</title>
<base href="<%=basePath%>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
#menu li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 20px;
	color: #4e3398;
}

#list li {
	float: none;
	margin: 0;
	text-align: center;
}
.menuName {
    position: relative;
}


ul, li {
    list-style: none;
}
body, ul, li, p, h1, h2, h3, h4, h5, h6, img, br, hr, table, tr, td, dl, dt, dd, form {
    margin: 0;
    margin-right: 0px;
    padding: 0;
}

</style>
</head>
<body>
	<div>
		<ul id="menu">
			<c:forEach items="${manager.power}" var="item">
				<c:if test="${item.iType == 1}">
					<c:if test="${item.iModelId != lastModel}">
						<c:if test="${not empty lastModel }">
		</ul>
	</div>
	</li>
	</c:if>
	<li class="menuName" >&nbsp;&nbsp;&nbsp;&nbsp;${item.sModelName}&nbsp;&nbsp;&nbsp;&nbsp;<c:set var="lastModel"
			value="${item.iModelId }" scope="page" />
		<div style="display: none">
			<ul id="list">
				</c:if>
				<li><a href="${item.sUrl }" target="main">${item.sName}</a></li>
				</c:if>
				</c:forEach>
			</ul>
		</div>
</body>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript">
	$(".menuName").mouseover(function() {
		$(this).children("div").show();
	});
	$(".menuName").mouseout(function() {
		$(this).children("div").hide();
	});
</script>
</html>